    .vocal-print {
      background: #f1f1f1;
      border: #f1f1f1 solid 1px;
      width: 650px;
      margin: 0px auto;
      position: relative;
      padding: 35px 25px;
    }

    #canvas {
      background: #ffffff;
      border: #f1f1f1 solid 1px;
    }

    #vocalLine,#vocalLine2,#timeLine{
      position: absolute;
      left: 25px;
      top: 36px;
      width: 1px;
      height: 120px;
      background: #F56C6C;
      /* transition: all 0.01s; */
    }
    #timeLine{
      display: none;
      background: #67C23A;
    }

    #vocalHandle,#vocalHandle2 {
      position: absolute;
      touch-action:none;
      width: 17px;
      height: 23px;
      left: 17px;
      top: 13px;
      cursor: col-resize;
      background: url('slider_17x23_blue.png') center no-repeat;
    }

    #vocalRange {
      position: absolute;
      left: 35px;
      height: 120px;
      width: 0px;
      top: 36px;
      cursor: move;
      background: #F3DD68;
      opacity: 0.3;
      z-index: 30;
    }
    #vocalTool{
      position: absolute;
      width: 100%;
      height: 35px;
      line-height: 35px;
      bottom: 4px;
      text-align: left;
      left: 0px;
      padding-left: 10px;
    }
    #vocalTool .btn{
      margin-left: 15px;
      display: inline-block;
      line-height: 20px;
      font-size: 12px;
      padding: 5px 10px;
      border: #c2c2c2 solid 1px;
      border-radius: 3px;
      color: #8a8a8a;
      cursor: not-allowed;
    }
    #vocalTool .btn:hover{
      border: #409eff solid 1px;
      color: #409eff;
    }